<!DOCTYPE html>
<html>
<head>
<!-- OK -->
<meta http-equiv="Content-Type" content="text/html" charset="UTF-8">
<title>font标签的使用</title>
</head>
<!-- 
<body bgcolor="blue">
 -->
<body background="d:\temp\222.jpg">
	
	<a name="position1"></a>
	<a href="#position2">跳转到底部</a><br />
	
	<a href="www.baidu.com">这是在a标签里面的超链接</a>
	<br />
	<img src="d:\temp\111.jpg" width="200" height="200">这是一个图片
	<br />

	<address>
		<a href="mailto:service@w3school.com.cn"><font color="red">用户服务信箱</font></a><br />
		上海赢科投资有限公司<br /> 金桥开发区 789 号<br />
	</address>

	<button type="button" name="button" value="anniu">一个按钮</button>
	<form action="#" method="get">
		<h1>表格头信息</h1>
		<input type="text" name="text" value=""> <input
			type="password" name="password" value=""> <input
			type="submit" name="button" value="提交 ">
	</form>

	<!-- 表格的使用练习； -->

	<table width="50%" height="100px" border="1" bordercolor="red"
		cellpadding="0" cellspacing="0">
		<caption>这是表格的标题</caption>

		<colgroup align="center" style="color: black;"></colgroup>
		<colgroup span="1" align="left"></colgroup>
		<colgroup span="1" align="right"></colgroup>


		<col align="center" />
		<col align="left" />
		<col align="justify" />
		<col align="center" />

		<tr>
			<th colspan="3">这是表格的标题</th>
		</tr>
		<tr>
			<th>姓名</th>
			<th>年龄</th>
			<th>籍贯</th>
		</tr>
		<tr>
			<td>张三</td>
			<td>33</td>
			<td>河北</td>
		</tr>

	</table>


	<p>
		一打有
		<del>二十</del>
		<ins>十二</ins>
		件。
	</p>
	<p>大多数浏览器会改写为删除文本和下划线文本。</p>

	<fieldset>
		<legend style="color: red">健康信息：</legend>
		<form>
			<label style="color: blue">身高：<input type="text" /></label> <label>体重：<input
				type="text" /></label>
		</form>
	</fieldset>


	<form action="mailto:someone@w3school.com.cn" method="get"
		enctype="text/plain">
		<h3>这个表单会把电子邮件发送到 W3School。</h3>
		姓名：<br> <input type="text" name="name" value="yourname" size="20">
		<br> 电邮：<br> <input type="text" name="mail" value="yourmail"
			size="20"> <br> 内容：<br> <input type="text"
			name="comment" value="" size="40"> <br>
		<br> <input type="submit" value="发送"> <input type="reset"
			value="重置">
	</form>

<a href="#">无效果超链接1</a>
<a href="javascript:void(0)">无效果超链接2</a>


<a name="position2"></a>
<a href="#position1" color="blue">返回顶部</a>




</body>
</html>